<template>
  <div>
    <h1>{{ str }}</h1>
    <button @click="fn">reverse</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      str: "Hello, World",
    };
  },
  methods: {
    fn() {
      this.str = this.str.split("").reverse().join("");
    },
    // fn() {
    //   let reverse = function (arr, start, end) {
    //     if (start + 1 >= end - 1) {
    //       let temp = arr[start];
    //       arr[start] = arr[end];
    //       arr[end] = temp;
    //       return;
    //     }
    //     reverse(arr, start + 1, end - 1);
    //     let temp = arr[start];
    //     arr[start] = arr[end];
    //     arr[end] = temp;
    //   };
    //   let arr = [];
    //   let str = this.str;
    //   let newstr = "";
    //   for (let i = 0; i < str.length; i++) {
    //     arr[i] = str.charAt(i);
    //   }
    //   reverse(arr, 0, arr.length - 1);
    //   for (let i = 0; i < arr.length; i++) {
    //     newstr += arr[i];
    //   }
    //   this.str = newstr;
    // },
  },
};
</script>

<style>
</style>